@charset "utf-8";

body {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: medium;
      background-image:url('');
      background-size:300px 750px;
}

#header{
    background-image:url('Thunderstorm.gif');
    background-size:750px 120px;
    float: left;
    border: 1px solid rgba(147, 184, 189,0.8);
    box-shadow: 
        0pt 2px 5px rgba(105, 108, 109,  0.7),  
        0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
    border-radius: 5px;
    height: 110px;
    width:  698px;
    margin: !important;
    padding: 5px;
}
#navigation{
    float: left;
    background: rgb(247, 247, 247);
    border: 1px solid rgba(147, 184, 189,0.8);
    box-shadow: 
        0pt 2px 5px rgba(105, 108, 109,  0.7),  
        0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
    border-radius: 5px;
    height: 250;
    width:  200px;
    margin-left: 5px;
    padding: 5px;
}
#content{
    float: left;
    background: rgb(247, 247, 247);
    border: 1px solid rgba(147, 184, 189,0.8);
    box-shadow: 
        0pt 2px 5px rgba(105, 108, 109,  0.7),  
        0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
    border-radius: 5px;
    max-height: 250px;
    width:  478px;;
    margin-left: 5px;
    padding: 5px;
    overflow:scroll;
}
#footer{
    float: left;
    border: solid 1px;
    height: 50px;
    width:  695px;
    margin: 5px;
    padding: 5px;
}
#mainContainer{
    margin:!important;
    margin-top:50px;
    margin-left:350px;
   /* border: solid 1px;*/
    width: 750px;
    height: 50%;
}

#login{
    position: absolute;
    top: 0px;
    width: 43%; 
    padding: 18px 6% 60px 6%;
    margin-top: 180px;
    margin-left: !important;
    background: rgb(247, 247, 247);
    border: 1px solid rgba(147, 184, 189,0.8);
    box-shadow: 
        0pt 2px 5px rgba(105, 108, 109,  0.7),  
        0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
    border-radius: 5px;
}
#login{
    z-index: 22;
